{% extends 'base.twig' %}

{% block content %}

	<div class="wrapper style1">
		<div class="inner">
		
			<section class="container box feature1">
				<div class="row">
					<div class="12u">
						<header class="first major">
							<h2>最近完成的网站</h2>
						</header>
					</div>
				</div>
				<div class="row">
					<div class="12u" style="padding-top: 0;">
						<div id="slideshow" class="">
							{% for itm in projects._data %}
								{% set images = app.generic.modelData('Asset', 'entity.parentId = ' ~ itm.gallery, {}, { sort: 'rank', order: 'ASC' }) %}
								{% if images._data|length > 0 %}
									<div class="item">
										<a href="/portfolio-detail/{{ itm.id }}/">
											<div class="description">
												<div class="description-inner">
													<h1>{{ itm.title }}</h1>
												</div>
											</div>
											<img style="max-width: 100%;" src="/assets/image/{{ images._data.0.id }}/950/" />
										</a>
									</div>
								{% endif %}
							{% endfor %}
						</div>
					</div>
				</div>
			</section>
			
		</div>
	</div>
	
		
	<div class="wrapper style2">
		<div class="inner">
	
			<!-- Feature 2 -->
				<section class="container box feature2">
					<div class="row">
					<div class="6u">
							<section>
								<header class="major">
									<h2>为什么选择我们</h2>
									<p>我们不是普通的私人工作室，我们都是顶级网络公司的全职工程师</p>
								</header>
								<p>我们的团队全是高级工程师和网络专家。我们日常的工作是向新西兰和澳大利亚顶级的公司提供技术支持和开发服务。我们的目标是利用多余的时间提供高端的服务，但是收取比公司低廉得多的价格。</p>
								<footer>
									<a href="/about-us/" class="button medium alt icon fa-info-circle">详细信息</a>
								</footer>
							</section>
						</div>
						
						<div class="6u">
							<section>
								<header class="major">
									<h2>我们的服务</h2>
									<p>我们不仅仅会网页设计，我们可以开发任何的系统</p>
								</header>
								<p>我们的服务从网页设计到系统开发。既可以提供像Shopping cart,在线支付这样的网店功能。也有Blog, BBS的模块。我们更可以为你订制任何的系统。</p>
								<footer>
									<a href="/services/" class="button medium icon fa-arrow-circle-right">更多内容</a>
								</footer>
							</section>
						</div>
					</div>
				</section>

			</div>
	</div>
			
	<div class="wrapper style2">
		<div class="inner">
	
			<!-- Feature 2 -->
				<section class="container box feature2">
					<div class="row">
						<div class="12u">
							<h2>我们的合作伙伴</h2>
							<p>他们选择了火山灰工作室</p>
							<table class="clienttbl" border="0" cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										<td>顺利移民</td>
										<td>YC Group</td>
										<td>嘉兴一中</td>
										<td>The L Beauty</td>
										<td>永高电池</td>
									</tr>
									<tr>
										<td>良友进出口</td>
										<td>浙江新正方</td>
										<td>江西景茂</td>
										<td>骏力服装</td>
										<td>东樱针织服装</td>
									</tr>
									<tr>
										<td>Chaze40</td>
										<td>J.Y.P.</td>
										<td>德佳机械设备</td>
										<td>华新实业</td>
										<td>企乐空压机</td>
									</tr>
									<tr>
										<td>嘉兴四中</td>
										<td>嘉兴实验小学</td>
										<td>嘉恩煤炭</td>
										<td>城泰石化</td>
										<td>恒泰联运运输</td>
									</tr>
									<tr>
										<td>泰普克沥青</td>
										<td>瑞华皮业</td>
										<td>锦剑物流</td>
										<td>中楠房地产</td>
										<td>中工工具</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</section>

			</div>
	</div>

{% endblock %}

{% block extraFooter %}
<script type="text/javascript" src="{{ constant('CDN_URL') }}/owl-carousel/owl.carousel.min.js"></script>
<script>
	$(function() {
		$("#slideshow").owlCarousel({
      slideSpeed: 300,
      paginationSpeed: 400,
      singleItem: true
	  });
	});
</script>
{% endblock %}